.login-card{
    position: relative;
    width: 480px;
    height: 560px;
    opacity: 0.95;
    margin: 200px auto;
    background-color: white;
    border-radius: 5px;
    font-size: 14px;
}
.top{
    display: block;
    width: 100%;
    height:30px;
}
.login-card>div{
    text-align: center;
}
.logo{
    display: block;
    width: 127.75px;
    height: 66.15px;
    background-image: url("../static/logo.png");
    background-size: 100% 100%;
    margin: 0 auto 15px auto;
}
.phone_num,.yzm{
    width: 384px;
    height:46px;
    display: block;
    margin: 20px auto 0 auto;
    border: solid #E5E7EB 0.5px;
}
.phone_num{
    margin-top: 50px;
}
.phone_num input{
    width:320px;
    height:100%;
    text-align: left;
    border:none;
}
.yzm input{
    width:220px;
    height:100%;
    float:left;
    text-align: left;
    border:none;
}
.yzm p{
    display: block;
    width:100px;
    height:100%;
    float:right;
    line-height: 20px;
    font-size: 14px;
    cursor: pointer;
}
.phone_num label,.yzm label{
    display: block;
    width:60px;
    height:100%;
    line-height: 46px;
    text-align: center;
    float: left;
}
.login_btn{
    width: 384px;
    height: 46px;
    margin: 20px auto;
}
.login_btn button{
    height:100%;
    width: 100%;
    background-color: #3B82F6;
    color: white;
    margin-top:50px;
}
.register_text{
    margin-top:70px;
}
.register_text i{
    color: red;
    cursor: pointer;
}
.copyright{
    margin-top: 50px;
}